import React from 'react'
import { useState } from 'react'
/*
  useState :
    -让函数式组件支持state状态
    -useState()方法里面唯一的参数就是初始 state
    -useState()返回的一个值有两个元素的数组
      -第一个元素式当前的state的值
      -第二个元素式一个函数，用来替代原来的state中的值，这个函数修改
        state和setState一样式异步的代码
      -React 会在重复渲染的时候记住它当前的state的值，并提供最新的值给我们的函数



*/


export default function App() {


  const [count,setCount]=useState(0)
  const [ishot,setIshot]=useState(true)
  // console.log([setCount]);

  const setCountHandle = ()=>{
    setCount(count + 1)
    setIshot(ishot = !ishot)
  }
  
  return (
    <div>
      <h1>今天天气真的{ishot?'真热':'真冷'}</h1>
      <h1>累加器{count}</h1>
      <button onClick = {setCountHandle}>累加器</button>
    </div>
  )


}

